<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>收藏夹</title>
    <link href="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/css/bootstrap.min.css" rel="stylesheet">
    <link href="style.css?v=18" rel="stylesheet">
    
    <!--[if lt IE 9]>
      <script src="http://cdn.static.runoob.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
    <![endif]-->
</head>
<body id="app">

<div class="side-bar ">
	<div class="row" style="margin:5px;">

		<div class="col-md-6 btn-del btn operation" @click="deleteRecord(editedRecord)">删除</div>
		<div class="col-md-6 btn-add btn operation" @click="addRecord"><i class="fa fa-plus"></i>返回</div>

	</div>
	<div>
		<ol>
			<li v-for="record in records |orderBy 'id' -1"
				class="record"
				@click="editRecord(record)">
				{{record.title}}
			</li>
		</ol>
	</div>
</div>
		
<textarea id="textarea" class="form-control" v-model="RecordMessage" placeholder="消息内容" autofocus spellcheck="false"></textarea>


<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script>

<script src="https://cdn.bootcss.com/twitter-bootstrap/4.1.3/js/bootstrap.min.js"></script>
<script src="vue.js"></script>
<script src="https://cdn.bootcss.com/vue-resource/1.5.1/vue-resource.min.js"></script>
<script src="script.js?v=10"></script>
</body>
</html>